<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>会员卡</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<!-- Mobile Devices Support @begin -->
<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<!-- Mobile Devices Support @end -->
<link rel="stylesheet" type="text/css" href="FortAwesome/docs/assets/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
   var _global = {};
	   _global.spm = {};
	   
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {WeixinJSBridge.call('hideToolbar');});
</script>
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".tip-list dt").click( function () { 
$(this).next().slideToggle("fast");
$(this).toggleClass("tipcur");
$(this).find("i").toggleClass("icon-chevron-down");
$(this).find("i").addClass("icon-chevron-up");
 });
});
</script>
</head>

<body>
<div class="body">
  <div class="card-bg">
    <div class="card"> <img src="images/card-bg.png" alt="会员卡背景"> <span class="clogo"><img src="images/logo.png" alt="logo"></span> <span class="ctxt">微信会员卡</span> <span class="cnum">会员卡号：<b>21533700</b></span> </div>
    <!--card-block-->
    <div class="card-tip">
      <h3 class="gbc-tit gbct2"><span>使用时向服务员出示次卡</span></h3>
      <dl class="tip-list">
        <dt class="tip1 clearfix"><span class="floatl">积分：10分</span><i class="icon-chevron-down floatr"></i></dt>
        <dd>积分介绍</dd>
        <dt class="tip2 clearfix"><a class="clearfix"><span class="floatl">代金卷</span><i class="icon-chevron-down floatr"></i></a></dt>
        <dd>是商家的一种优惠活动，代金券可以在购物中抵扣同样等值的现金使用。代金券，顾名思义是代替钞票的。</dd>
        <dt class="tip3 clearfix"><a class="clearfix"><span class="floatl">我的会员等级：VIP1</span><i class="icon-chevron-down floatr"></i></a></dt>
        <dd>是商家的一种优惠活动，代金券可以在购物中抵扣同样等值的现金使用。代金券，顾名思义是代替钞票的。</dd>
        <dt class="tip4 clearfix"><a class="clearfix"><span class="floatl">我的余额：100元</span><i class="icon-chevron-down floatr"></i></a></dt>
        <dd>是商家的一种优惠活动，代金券可以在购物中抵扣同样等值的现金使用。代金券，顾名思义是代替钞票的。</dd>
        <dt class="tip5 clearfix"><a class="clearfix"><span class="floatl">积分礼品商城</span><i class="icon-chevron-down floatr"></i></a></dt>
        <dd>是商家的一种优惠活动，代金券可以在购物中抵扣同样等值的现金使用。代金券，顾名思义是代替钞票的。</dd>
        <dt class="tip6 clearfix"><a class="clearfix"><span class="floatl">我的资料</span><i class="icon-chevron-down floatr"></i></a></dt>
        <dd>是商家的一种优惠活动，代金券可以在购物中抵扣同样等值的现金使用。代金券，顾名思义是代替钞票的。</dd>
        <dt class="tip7 clearfix"><a class="clearfix"><span class="floatl">会员卡说明</span><i class="icon-chevron-down floatr"></i></a></dt>
        <dd>是商家的一种优惠活动，代金券可以在购物中抵扣同样等值的现金使用。代金券，顾名思义是代替钞票的。</dd>
      </dl>
    </div>
  </div>
  <!--下导航-->
  <div class="js-navmenu nav-on-bottom style-2">
    <div class="nav-menu has-menu-3"> <a href="/index.html" class="icon-home"></a>
      <div class="divide">&nbsp;</div>
      <div class="one"> <a class="mainmenu js-mainmenu" href="javascript:void(0);"> <i class="arrow-weixin"></i> 菜品 </a>
        <div class="submenu js-submenu"> <span class="arrow before-arrow"></span> <span class="arrow after-arrow"></span>
          <ul>
            <li> <a href="foodlist.html"> 火锅 </a> </li>
            <li> <a href="foodlist.html"> 地方菜 </a> </li>
            <li> <a href="foodlist.html"> 西餐 </a> </li>
            <li> <a href="foodlist.html"> 快餐 </a> </li>
          </ul>
        </div>
      </div>
      <div class="divide">&nbsp;</div>
      <div class="one"> <a class="mainmenu js-mainmenu" href="javascript:void(0);"> <i class="arrow-weixin"></i> 订位 </a>
        <div class="submenu js-submenu"> <span class="arrow before-arrow"></span> <span class="arrow after-arrow"></span>
          <ul>
            <li> <a href="foodlist.html"> 我要订位 </a> </li>
            <li> <a href="membercenter.html"> 会员中心 </a> </li>
          </ul>
        </div>
      </div>
      <div class="divide">&nbsp;</div>
      <div class="one"> <a class="mainmenu js-mainmenu" href="javascript:void(0);"> <i class="arrow-weixin"></i> VIP </a>
        <div class="submenu js-submenu"> <span class="arrow before-arrow"></span> <span class="arrow after-arrow"></span>
          <ul>
            <li> <a href="register.html"> 我要成为VIP </a> </li>
            <li> <a href="score.html"> 积分兑换 </a> </li>
          </ul>
        </div>
      </div>
      <div class="divide">&nbsp;</div>
      <div class="one"> <a class="mainmenu js-mainmenu" href="javascript:void(0);"> <i class="arrow-weixin"></i> 订单 </a>
        <div class="submenu js-submenu"> <span class="arrow before-arrow"></span> <span class="arrow after-arrow"></span>
          <ul>
            <li> <a href="order.html"> 我的订单 </a> </li>
          </ul>
        </div>
        <!--submenu js-submenu--> 
      </div>
      <!--one--> 
    </div>
  </div>
  <!--nav-on-bottom下导航结束-->
</div>
<!--body--> 
<script type="text/javascript" src="js/wap.min.js"></script>
</body>
</html>